<template>
	<view>
		<catalogue></catalogue>
		<image class="bg-img w-100" :src="`${cosUrl}/bg/banner_show_case_50.png`"></image>
		<bread :textArr="textArr" :cls="['text-c303133', 'bg-cD3D3D3']"></bread>
		<view class="u-content" >
			<u-parse :content="content" v-if="content"></u-parse>
		</view>
		<!-- #ifndef H5 -->
		<view style="height: 110rpx;"></view>
		<!-- #endif -->

<!-- 		<view class="bottom-box d-flex align-items-center justify-evenly px-3 py-1">
			<image :src="vuex_likeexample.includes(id) ? '../../static/website/collect.svg' : '../../static/website/collect-white.svg'" mode="" class="img-56rpx" 
				@click="d_toggleLikeexample_throttle(id)"></image>
			<view class="border-center mx-3"></view>
			<image :src="vuex_saveexample.includes(id) ? '../../static/website/star-fill.svg' : '../../static/website/star-white.svg'" class="img-56rpx"
				@click="d_toggleSaveexample_throttle(id)"></image>
		</view> -->
	</view>
</template>

<script>
	import {
		http_casedetail,
	} from '@/common/api.js';
	export default {
		data() {
			return {
				id: '',
				name: '',
				content: '',
				textArr:['首页', '案例展示页']
			}
		},
		onLoad(options) {
			let id = options.id
			this.id = parseInt(id)
			http_casedetail({params: {id: id}})
				.then((res) => {
					console.log(res);
					if (1 == res.code) {
						this.name = res.data.name
						this.content = res.data.maincontent
						this.textArr.push(res.data.name)
						
						this.shareTitle = res.data.name
						this.shareDesc = res.data.summary
						this.share5v4Image = res.data.cover5v4image
						this.share1v1Image = res.data.cover1v1image
						
						// #ifdef H5
						this.share()
						// #endif
					}
				})
		},
		methods: {

		}
	}
</script>

<style scoped>
	.bg-img {
		height: 272rpx;
		vertical-align: middle;
	}

	.bottom-box {
		background: #40C6A1;
		border-radius: 52rpx;
		position: fixed;
		bottom: 50rpx;
		/* #ifdef MP-WEIXIN */
		bottom: 150rpx;
		/* #endif */
		left: 50%;
		transform: translate(-50%, 0);
	}

	.border-center {
		width: 2rpx;
		height: 76rpx;
		background-color: #79DBC0;
	}

	.img-56rpx {
		width: 56rpx;
		height: 56rpx;
		vertical-align: middle;
	}
</style>
